﻿@import url("../../share/plug/font-awesome/css/font-awesome.min.css");
html,body{
	padding:0px;
	margin:0px;
	font-size:12px;
	font-family:'微软雅黑';
	line-height: 1.5;
	text-shadow: 0px 0px 0.36px #ccc;
	/*overflow:hidden;*/
}
body,h1,h2,h3,form,ol,ul,li,dd,dl,dt,p{margin:0px;padding:0px;}
.body_right{
	overflow-y:auto;
	position:absolute;
	width:auto;
	right:0px;
	bottom:0;
	top:0;
	left:0;
	font-size: 12px;
	//background-color: #fff;
	&>#content{
		width:auto;
		*width: 95.6%;
		padding:10px;
		margin:0 auto;
	}
}
span.notice{
	color:#555;
	padding-left:10px;
}

/*****是否发布 S*****/
span.select_0, span.select_no, span.select_ {
  background: url("../images/system/icon.gif") no-repeat scroll 0 -304px transparent;
  display: block;
  height: 16px;
  padding: 0;
  width: 16px;
}
span.select_ok, span.select_1 {
  background: url("../images/system/icon.gif") no-repeat scroll 0 -480px transparent;
  display: block;
  height: 16px;
  padding: 0;
  width: 16px;
}
/*****表单提示*****/
span.doubt{
  background: url("../images/system/icon.gif") no-repeat scroll 0 -192px transparent;
  display: inline-block;
  height: 16px;
  padding: 0;
  width: 16px;
}
/****search/bread面包屑****/
div.search{
	padding:5px 15px;
	line-height: 30px;
	margin:0 0 6px;
	background-color:#f5f5f5;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:1px solid #ddd;
}
.bread{
	list-style:none;
	line-height: 30px;
	li{
		margin:0 1px;
		vertical-align: middle;
		display:inline-block;
		*display:inline;
		*zoom:1;
		line-height: 30px;
	}
	li>.divider{padding:0 5px;color:#ccc;}
	.active{color:#999;}
}
/****结果为空****/
.result_empty{
	height:350px;
	background: url("../images/system/empty.jpg") no-repeat scroll center center #fff;
}
/****表格 S****/
.body_right{
	table.modify{ //编辑表格样式
		>tbody>tr>td:first-child{
			width:200px;
			text-align: right;
			line-height: 30px;
		}
		>tbody>tr.ttitle>td{
			text-align: left;
		}
	}
	.table{
		width:100%;
		margin:0 auto;
		&>tbody>tr{
			background-color: #fff;
		}
		&>tbody>tr.trHover{
			background-color: #f8f8f8;
		}
		&>tr>td,&>tbody>tr>td{
			padding:5px;
		}
		.ttitle th, .ttitle td{
			background: none repeat scroll 0 0 #F8F8F8;
		    font-weight: bold;
			height:25px;
			line-height:25px;
			padding:5px;
			text-align: left;
		}
		.thead{
			background:#F0F0F0;	
			border-bottom:#D6D6D6 1px solid;
			width:100%;
			height:28px;
			th,td{
				height:28px;
				line-height: 28px;
				padding:4px !important;
				text-align: left !important;
			}
		}
		thead>tr>th, tbody>tr>td{
			vertical-align: middle;
			/*padding:8px 5px;
			*padding:6px 3px;*/
		}
		&.drags .drag:hover td:first-child{
			background: url("../images/system/drag.png") no-repeat scroll 27px center transparent;
		}
	}
	.change_table,.package{
		border-collapse:collapse;
		border-spacing:0;
		tr.thead>th{
			background-color:#EDEDED;
			font-weight: 400;
			height: 35px;
			line-height:30px;
			vertical-align: middle;
			padding: 0px 5px;
			text-align: center !important;
			border:1px solid #D7D7D7 !important;
		}
		tbody>tr>td{
			border: 1px solid #D7D7D7 !important;
			background-color: #ffffff;
			height: 35px;
			max-width: 350px;
			min-width:40px;
			padding: 0px 5px;
			vertical-align: middle;
		}
		img{
			cursor:pointer;
		}
		.input-xlarge{ width:150px; }
		.input-append input[type='text'].span2{//图片浏览
			width:120px;
		}
	}
}
/******兼容bootstrap S******/
	select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
		margin-bottom:0;
	}
	input,select{
		outline: none !important;
	}
	.body_right input.input-xlarge{
		width:333px;
	}
	.body_right textarea{
		width:328px;
		height:42px;
		resize: none;
		font-size:13px;
	}
	.body_right select{
		width:auto;
	}
	.listthumb li.focus .checkbox{
		padding-left:0;
	}
	a.a{
		padding: 2px 4px 2px;
		border-radius: 4px;
		margin: 0 5px;
		background-color: #eee;
		&:hover{
			background-color: #36c;
			color: #fff!important;
			outline: 0;
			text-decoration: none;
			cursor: pointer;
		}
	}
	/*****bottom_button****/
	.body_right{
		.bottom_button{ //底部按钮
			line-height:60px;
			text-align: center;
			.btn{
				padding:7px 25px;
				font-size: 13px;
			}
		}
	}
	/*****btn按钮 S****/
	.btn {
		font-size:12px;
		background-image:none;
		border: 1px solid #C5C5C5;
		box-shadow: none;
		border-radius: 4px;
		*padding-top:3px 9px 3px 9px !important;//ie
		*margin-left:2px;//ie
		&.btn-primary,&.btn-success,&.btn-info,&.btn-warning,&.btn-danger,&.btn-link{ border: 1px solid transparent; } //除默认的btn样式外,其它都不需要边框
		&.btn-large [class^="icon-"], &.btn-large [class*=" icon-"]{margin-top:1px;}
		i{
			margin-right:3px;
		}
	}
	input:focus,button:focus,a:focus,img:focus{
		outline: none;
	}
	i{
		font-size: 13px;
	}
/******兼容bootstrap E******/


/*****#quickmenu S*****/
.body_right{
	#quickmenu {
		overflow:hidden;
		padding:15px;
		.icoitem {
			background: none repeat scroll 0 0 #F0F0F0;
			border: 1px solid #CCCCCC;
			float: left;
			height: 40px;
			line-height: 40px;
			margin: 10px 15px;
			*margin: 1px 15px;
			overflow: hidden;
			padding: 0 15px;
			text-align: center;
			width: 150px;
			box-shadow: 5px 5px 5px #CCCCCC;
			&:hover{
				box-shadow: 4px 4px 4px #bbb;
				background: none repeat scroll 0 0 #f5f5f5;
			}
		}
		.listthumb a {
		    font-size:11px;
			font-weight:normal;
			&:hover{
				color:222;
			}
		}
		/*&>a{
			font-size:14px;
			font-weight:bold;
			text-align:center;
			color:#555;
			*margin:5px;
		}*/
	}
}
/*dl.dbox*/
.body_right dl.dbox{
	margin-bottom:0;
	width:100%;
	margin:0 auto;
	background-color: #fff;
	dt {
		height:39px;
		line-height:37px;
		font-weight:bold;
		color:black;
		&.lside {
			background:#F0F0F0;
			border:#D6D6D6 1px solid;
			padding:0 10px;
		}
		&.rside {
			border-bottom:1px solid #DEEAB6;
			background:#F0F0F0;
			border:#D6D6D6 1px solid;
		}
	}
	dd {
		padding:0px;
		border:#D6D6D6 1px solid;
		border-top:0;
		padding-bottom:10px;
		&.intable {
			padding-top:3px;
		}
	}
}
/***滚动条样式***/
.body_right{
	&::-webkit-scrollbar{width:8px;height:8px}
	&::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0)}
	&::-webkit-scrollbar-track:hover{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.4);background-color:rgba(0,0,0,0.01)}
	&::-webkit-scrollbar-track:active{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.4);background-color:rgba(0,0,0,0.05)}
	&::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.05);border-radius:10px;-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1)}
	&:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.2);border-radius:10px;-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1)}
	&::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,0.4);-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1)}
	&::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,0.6)}
}